<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>地震局培训平台</title>
	<link rel="stylesheet" href="style/map.css" />
</head>

<body>
	<div id="show">
		<div class="title"></div>
		<!-- <div class="top">
			<div class="border"></div>
			<div class="regionbox box">
				<div class="title">团体属地：</div>
				<div class="content">
					<span class="in">全部</span>
					<span>东城区</span>
					<span>东城区</span>
					<span>东城区</span>
					<span>东城区</span>
					<span>东城区</span>
				</div>
			</div>
			<div class="categorybox box">
				<div class="title">服务类别：</div>
				<div class="content">
					<span class="in">全部</span>
					<span>赛会服务</span>
					<span>赛会服务</span>
					<span>赛会服务</span>
					<span>赛会服务</span>
					<span>赛会服务</span>
					<span>赛会服务</span>
					<span>赛会服务</span>
					<span>赛会服务</span>
					<span>赛会服务</span>
					<span>赛会服务</span>
					<span>赛会服务</span>
					<span>赛会服务</span>
				</div>
			</div>
			<div class="typebox box">
				<div class="title">团体类型：</div>
				<div class="content">
					<span class="in">全部</span>
					<span>党政机关</span>
					<span>党政机关</span>
					<span>党政机关</span>
					<span>党政机关</span>
					<span>党政机关</span>
					<span>党政机关</span>
					<span>党政机关</span>
					<span>党政机关</span>
					<span>党政机关</span>
					<span>党政机关</span>
					<span>党政机关</span>
				</div>
			</div>
			<div class="box">
				<div class="title">团体人数：</div>
				<div class="content">
					<span class="in">全部</span>
					<span>0-100</span>
					<span>101-200</span>
					<span>201-500</span>
					<span>501-1000</span>
					<span>1000以上</span>
				</div>
			</div>
			
		</div>
		<div class="middle">
			<div class="timebox box">
				<div class="text">团体登记日期</div>
				<input type="text" class="text2" value="2018-04-29" />
				<div class="text">至</div>
				<input type="text" class="text2" value="2018-05-29" />
			</div>
			<div class="box">
				<div class="text">团体ID</div>
				<input type="text" class="text2" />
			</div>
			<div class="box">
				<div class="text">团体名称</div>
				<input type="text" class="text2" />
			</div>
			<div class="searchbtn"></div>
		</div> -->
		<div class="timeboxa" data-url="https://lbs.amap.com/dev/mapdata/share/63af27ea0235b23c2c2659da19c98376">
			北京市应急避难所
		</div>
		<div class="timeboxa" data-url="https://lbs.amap.com/dev/mapdata/share/e2b67a7ef6cadcb68416b1576bc29c5a">
			北京市地震台站
		</div>
		<div class="bottom">
			<iframe id="iframe" src="https://lbs.amap.com/dev/mapdata/share/63af27ea0235b23c2c2659da19c98376" height="100%" width="100%"
			 frameborder="0" scrolling="no"></iframe>
		</div>
	</div>
	<script type="text/javascript" src="script/jquery.min.js"></script>
	<script type="text/javascript" src="script/ishoock.tools.js"></script>

	<script>
		$(".top span").on("click", function () {
			$(this).parent(".content").children().removeIn();
			$(this).in();
		});
		$('.timeboxa').on("click", function () {
			if (!$(this).parent().hasClass("in")) {
				if ($(this).attr("data-url") !== "") {
					$("#iframe").attr("src", $(this).attr("data-url"));
				}
			}
		});

	</script>
</body>

</html>